/* Element Variables */

// Override Element UI variables
// 主色
$--color-primary: #337DFF;
$--color-primary-hover: #5392FF;
$--color-primary-pressed: #125DE1;

// 辅助色1
$--color-assist-header: #F4F5F7; // 表格表头，折叠面板头颜色
$--color-assist-sider-hover: #F5F8FF; //左侧导航、列表每行悬停背景色
$--color-assist-backage: #F9FAFC; // 嵌入式列表下拉背景、折叠面板背景
$--color-assist-divider: #E9EBEF; // 分割线的颜色
$--color-assist-navicon: #4F596A; // 导航文字及icon颜色
$--color-assist-title: #031129; // 标题、列表表头文字的颜色
$--color-assist-default-text: #333333; // 面包屑导航-当前页面、列表默认文字、待编
$--color-assist-second-text: #555555; // 二级按钮文字、列表参数展示文字颜色
$--color-assist-value-text: #999999; // 展示参数文字等第二正文文字颜色
$--color-assist-placehold: #BBBBBB; // 不可用状态、输入框内的placehold
$--color-assist-border: #D9D9D9; // 所有border默认状态颜色
$--color-assist-disabled-inputable: #F5F5F5; // 输入框、标签页不可用状态下填充颜色
$--color-assist-disabled-timepick: #F9F9F9; // 时间选择器下拉不可选背景颜色

// 辅助色2
$--color-assist-success: #10C038; // 成功提示的颜色
$--color-assist-warning: #FF931D; // 告警提示的颜色
$--color-assist-error: #F04134; // 失败提示的颜色
$--color-assist-active: #337DFF; // 进行中的颜色
$--color-assist-unactive: #75849B; // 未进行的动作颜色

// 告警色
$--color-alert-max: #F04134; // 高
$--color-alert-high: #FF931D; // 较高
$--color-alert-medium: #FFBB03; // 中
$--color-alert-low: #FFD667; // 低
$--color-alert-spare1: #F7f883; // 备用1
$--color-alert-spare2: #9ED5FE; // 备用2
$--color-alert-spare3: #82A5F7; // 备用3
$--color-alert-spare4: #E1ECFF; // 备用4
$--color-alert-spare5: #FFFFFF; // 备用5



$--color-success: $--color-assist-success;
$--color-warning: $--color-assist-warning;
$--color-danger: $--color-assist-error;
$--color-info: $--color-assist-second-text;
$--button-font-weight: 400;
$--color-text-regular: $--color-assist-title;
$--border-color-light: $--color-assist-border;
$--border-color-lighter: $--color-assist-border;
$--table-border: 1px solid $--color-assist-border;

//字体相关
$--toptitle-font-size: 18px; // 一级标题、页面标题、产品名称
$--toptitle-font-linehight: 27px; // 一级标题、页面标题、产品名称
$--title-font-size: 16px; // 标题、弹窗标题
$--title-font-lineheight: 24px; // 标题、弹窗标题
$--nav-font-size: 14px; // 导航、标签
$--nav-font-lineheight: 21px; // 导航、标签
$--text-font-size: 12px; // 正文、提示、面包屑导航、资源项表格、按钮文字
$--text-font-lineheight: 18px; // 正文、提示、面包屑导航、资源项表格、按钮文字

// Icon font path, required
$--font-path: '~element-ui/lib/theme-chalk/fonts';

// Apply overrided variables in Element UI
@import '~element-ui/packages/theme-chalk/src/index';

// The :export directive is the magic sauce for webpack
// https://mattferderer.com/use-sass-variables-in-typescript-and-javascript
:export {
  theme: $--color-primary;
}
